<html>
<head>
	<meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8" />
	<script src="../lib/jquery.js" ></script>
	<script src="../lib/jquery-ui.js" ></script>
	<script src="../lib/utilitaires.js" ></script>
	<link rel="stylesheet" type="text/css"  href="../mise_en_page/css/jquery-ui.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="../mise_en_page/css/style.css" media="screen" />

</head>
<body>
	<select style="width:150px" class="select" id="recherche">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3" selected="selected">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		
	</select>
	<form id="test_form">
		<p>
		<label for="animateur_nom">Nom :</label><input type="text" id="animateur_nom" onclick="transform(this);"/>
		<label for="animateur_prenom">Prénom :</label><input type="text" id="animateur_prenom" value="prenom" />
		<label for="animateur_adresse">Adresse:</label><input type="text" id="animateur_adresse" />
		<label for="animateur_ville">Ville:</label><input type="text" id="animateur_ville" />
		<label for="animateur_cp">Code Postal:</label><input type="text" id="animateur_cp" />
		<label for="animateur_telephone">Téléphone:</label><input type="text" id="animateur_telephone" />
		</p>
		<p>
			<label for="animateur_presence">Presence</label>
			<input type="checkbox" id="animateur_presence"  />
			<select class="select" id="animateur_sexe">
				<option value="M">Male</option>
				<option value="F">Femme</option>
			</select>
		</p>
		<p>
		<table id="tab_test">
			<thead>
			<tr>
				<th>jour</th>
				<th>mois</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td><input type="text" id="jour_tab_test1" /></td>
				<td><input type="text" id="mois_tab_test1" /></td>
			</tr>
			</tbody>
		</table>
		<input type="button" value="Ajout jour" onclick="add_line('tab_test');"/>
		</p>
		<input value="clic" type="button" onclick="load_xml('tab.xml')"/>
	</form>
</body>
	<script>
		function transform(element){
	
			$(element).combobox();
		}
		uploadData("../test/recup_nom.php","recherche");
		
		$("#recherche").combobox({
			selected: function() {
				updateFormulaire("resultat.php",$("#recherche").val());
			}
			
		});
		var value=4;
		jQuery("#recherche option[value='"+value+"']").attr("selected", "selected");
	</script>
</html>